<template>
  <div>
    <Carousel autoplay :autoplay-speed="autoplaySpeed" loop :radius-dot="true">
      <CarouselItem v-for="Img in Img">
        <router-link :to="Img.uri">
          <div class="demo-carousel">
            <img :src="Img.imageLocation" alt="">
          </div>
        </router-link>
      </CarouselItem>
    </Carousel>
  </div>
</template>

<script>
  export default {
    props: {
      autoplaySpeed: {
        type: Number,
      },
      Img:{
        type: Array,
      }
    }
  }
</script>

<style scoped>
  .demo-carousel {
    width: 1200px;
  }

  .demo-carousel > img {
    width: 100%;
    height: 100%;
  }
</style>
